*{
	margin:0;
	padding: 0;
}
.contain{
	width:343px;
	height: 500px;
	background:url(../img/bg.jpg) repeat-x center;
	background-size:100% 100%;
	margin:0 40px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}
.header{
	width:236px;
	height: 77px;
	background:url(../img/head.jpg) no-repeat center;
	position: relative;
	margin:0 auto;
	top:40px;
	animation: shake .5s linear infinite;
}
.header img{
	position: absolute;
	margin-top:25px;
	right:0px;
}
.start{
	width:85px;
	height: 29px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: url(../img/start.jpg) center;
}
.lawn{
	width:686px;
	height:14px;
	background: url(../img/banner.jpg) repeat-x;
	position: absolute;
	left:0;
	bottom: 46px;
	animation:move 5s linear infinite;
}
.time{
	display: none;
	background: url(../img/3.jpg) no-repeat;
	width:28px;
	height: 39px;
	position: absolute;
	left:50%;
	top:160px;
	margin-left: -14px;
	z-index: 2;
}
.bird{
	width:40px;
	height: 26px;
	position: absolute;
	left:50px;
	top:200px;
	background: url(../img/bird0.png) no-repeat center;
	display: none;
}
.over{
	display: none;
	width:240px;
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-120px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 2;
}
.blockwrap{
	position: absolute;
	right:80px;
	/*left:270px;*/
	right:-20px;
	width:42px;
	height: 440px;
}
.upblo{
	width:42px;
	position: absolute;
	top:0;
	background: url(../img/up_mod.png) repeat-y;
	background-size: 100% 100%;
}
.upblo::after{
	content: '';
	width:42px;
	height: 60px;
	background: url(../img/up_pipe.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	left:0;
	bottom: -60px;
}
.downblo{
	width:42px;
	position: absolute;
	bottom:0px;
	background: url(../img/down_mod.png) repeat-y;
	background-size: contain;
}
.downblo::after{
	content: '';
	width:42px;
	height: 60px;
	background: url(../img/down_pipe.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	left:0;
	top:-60px;
}
.score{
	position: absolute;
	top:20px;
	left:403px;
	width:269px;
	height: 135px;
	background:url(../img/message.jpg) no-repeat center;
	background-size:100% 100%;
}
.score em{
	font-style: normal;
	font-size: 24px;
}
.score #cursco{
	position: absolute;
	top:35px;
	right:45px;
	color:#f00;
}
.score #best{
	position: absolute;
	bottom:15px;
	right:45px;
	color: greenyellow;
}
.score #level{
	position: absolute;
	left:50px;
	bottom: 45px;
}
 @keyframes move{
 	from{
 		left:0;
 	}
 	to{
 		left:-343px;
 	}
 }
 @-webkit-keyframes move{
 	from{
 		left:0;
 	}
 	to{
 		left:-343px;
 	}
 }
 @-ms-keyframes move{
 	from{
 		left:0;
 	}
 	to{
 		left:-343px;
 	}
 }
@keyframes shake{
	from{
		transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
	}
	to{
		transform: translateY(4px);
		-webkit-transform: translateY(4px);
		-moz-transform: translateY(4px);
	}
}
@-webkit-keyframes shake{
	from{
		transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
	}
	to{
		transform: translateY(4px);
		-webkit-transform: translateY(4px);
		-moz-transform: translateY(4px);
	}
}
@-moz-keyframes shake{
	from{
		transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
	}
	to{
		transform: translateY(4px);
		-webkit-transform: translateY(4px);
		-moz-transform: translateY(4px);
	}
}